@import url('./iconfont/iconfont.css');
@font-face {
  font-family: 'siyuan'; // 命名为 "siyuan"，对应正常字重
  src: url('@/assets/fonts/SourceHanSansSC-Normal.ttf') format('truetype'); // 字体文件路径
  font-weight: normal; // 设置字重为 normal
  font-style: normal; // 可选，设置字体样式（默认 normal）
}

@font-face {
  font-family: 'siyuan'; // 使用相同的字体族名 "siyuan"
  src: url('@/assets/fonts/SourceHanSansSC-Bold.woff') format('woff'); // 字体文件路径
  font-weight: bold; // 设置字重为 bold
  font-style: normal; // 可选，保持一致性
}
:root {
  --v-theme: #0ab39c;
  --v-success: #28C76F;
  --v-danger: #EA5455;
  --v-warning: #FF9F43;
  --v-card-radius: 6px;
  --v-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
  --v-text: #fff;
  --v-text-lighter: #878a99;
  --v-text-darker: #181E34;
  --v-background: #f7f8fa;
  --v-background-pure: #fff;
  --v-side-width: 250px;
  --v-card-bg: #fff;
  --v-border-color: #eee;
  --v-sidebar-background: #405189;
  --v-link: #2F3A64;
}

/* 暗黑模式全局样式 */
.dark {
  --v-text-darker: #212529;
  --v-background-pure: #1C1F2B;
  --v-sidebar-background: #405189;
  --v-background: #252b42;
  --v-card-bg: #2f3650;
  --v-text: #abb9c8;
  --v-text-lighter: #e1e5ee;
  --v-border-color: #3C4464;
  --v-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  --v-text-darker: #fff;
  --v-link: #abb9e8;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'siyuan', Tahoma, Geneva, Verdana, sans-serif;
  scrollbar-width: thin;
  scrollbar-color: rgba(128, 128, 128, 0.5) rgba(200, 200, 200, 0.1);
}

html {
  overflow-x: hidden;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--v-background);
  height: 100%;
  color: var(--v-text);
  transition: color .3s background-color .3s;
}

/* 美化滚动条 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: rgba(200, 200, 200, 0.1);
  border-radius: var(--v-card-radius);
}

::-webkit-scrollbar-thumb {
  background: rgba(128, 128, 128, 0.5);
  border-radius: var(--v-card-radius);
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(128, 128, 128, 0.8);
}

a {
  color: var(--v-link);
  text-decoration: none;
  transition: all .6s;

  &:hover {
    color: var(--v-theme);
  }
}

input,
textatea,
button {
  outline: none;
}

/* 移除侧边栏和主内容区之间的空隙 */
.app-container {
  height: 100vh;
  overflow: hidden;
}

.content-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  /* 防止内容溢出导致滚动条 */
}

.main-content {
  overflow-y: auto;
  /* 只有主内容区可以滚动 */
}
